<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.w3.org/1999/xhtml"
      layout:decorator="user/user_layout"
      th:with="flag='settled'">

<head>
    <title>完善资料商家入驻</title>
</head>
<div layout:fragment="content">
    <input type="hidden" data-is-official="true"/>
    <div class="main-register official">
        <div class="register-panel">
            <div class="caption">
                <h1>商家入驻</h1>
            </div>
            <div class="step-bar-container">
                <div class="step-progress">
                    <div class="bar" data-pointing="3" style="width: 50%;"></div>
                </div>
                <ul class="steps">
                    <li data-current="true" data-step="1" class="current">
                        <div>
                            <div class="circle">
                                <i class="fa fa-check"></i>
                            </div>

                            <p>加入平台</p>
                        </div>
                    </li>
                    <li data-currrent="true" data-step="2" class="current">
                        <div>
                            <div class="circle">
                                <i class="fa fa-check"></i>
                            </div>

                            <p>完善资料</p>
                        </div>
                    </li>
                    <li data-current="true" data-step="3" class="yet">
                        <div>
                            <div class="circle">
                                3
                            </div>

                            <p>入驻成功</p>
                        </div>
                    </li>
                </ul>
            </div>
            <form th:action="${routes.path('MAIN_MERCHANT_SETTLED_DO')}" method="post">
                <input type="hidden" name="mallId" th:value="${param.mallId[0]}" />
                <div class="for-mobile">
                    <label>联系人</label>

                    <div class="input-row" th:classappend="${userInfo?.realName} != null ? disabled">
                        <input type="text" name="realName" th:value="${userInfo?.realName}" th:disabled="${userInfo?.realName} != null"  th:readonly="${userInfo?.realName} != null" placeholder="请填写联系人"/>
                    </div>
                </div>

                <div th:if="${userInfo?.email} == null">
                    <label>邮箱验证</label>

                    <div class="input-row" th:classappend="${userInfo?.email} != null ? disabled">
                        <input type="email" data-type="username" name="email" th:value="${userInfo?.email}" th:disabled="${userInfo?.email} != null"  th:readonly="${userInfo?.email} != null"  placeholder="请输入邮箱,可用于登录或找回密码" autocomplete="off"/>
                    </div>
                </div>
                <div th:unless="${userInfo?.email} == null" th:classappend="${userInfo?.mobile} != null ? disabled">
                    <label>手机验证</label>

                    <div class="input-row" th:classappend="${userInfo?.email} != null ? disabled">
                        <input type="text" data-type="username" name="mobile" th:value="${userInfo?.mobile}" th:disabled="${userInfo?.mobile} != null" th:readonly="${userInfo?.mobile} != null" placeholder="请输入手机号码,可用于登录或找回密码" autocomplete="off"/>
                    </div>
                </div>

                <div>
                    <label>店铺名称</label>

                    <div class="input-row">
                        <input type="text" name="shopName" placeholder="请填写您要申请的店铺名称" autocomplete="off"/>
                    </div>
                </div>
                <div class="btns">
                    <input type="submit" class="btn-rockcent" value="下一步" data-form-to="settled"/>
                </div>
            </form>

        </div>
    </div>
</div>
</html>


